<template>
    <div class="about">
        <div class="head padding-24 space-between"  >
            <div class="h-back" @click="goBack"><img :src="back" alt=""></div>
            <div class="title ">关于我们</div>
            
            <div class="h-right"></div>
        </div>
        <div class="content">
            <div class="logo">
                <img :src="logo" alt="">
                <!-- <p class="title">题目</p> -->
                <p class="text fs-20 color-9">版本号 1.0.0</p>
            </div>
            <div class="padding-24 list">
                <div class="space-between">
                    <p class="">客服电话</p>
                    <a href="tel:4008807686" class="fs-30">4008807686</a>
                </div>
                <div class="space-between">
                    <p class="">工作日</p>
                    <p>9：00-18：00</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            back:require('../../assets/index/back-mine.png'),
            logo:require('../../assets/login/logo.png'),
        }
    },
    methods:{
        goBack(){
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="scss">
.about{
    .head{
        width: 100%;
        height: 1rem;
        background: #fff;
        border-bottom: 0.01rem solid #e9e9e9;
        .h-back{
            width: 0.15rem;
            height: 0.26rem;
            img{
                width: 100%;
            }
        }
        .title{
            font-size: 0.36rem;
            font-weight: bold;
        }
        .h-right{
            width: 0.38rem;
            height: 0.5rem;
            img{
                display: inline-block;
                width: 100%;
            }
        }
        .h-share{
            position: absolute;
            right: 1rem;
            width: 0.4rem;
            height: 0.43rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    .content{
        width: 100%;
        height: calc(100% - 1rem);
        position: absolute;
        margin-top: 0;
        padding-top: 0.0001rem;
        box-sizing: border-box;
        background-color: #fff;
        text-align: center;
        img{
            margin: 0.98rem auto 0;
            width: 2.35rem;
            height: 2.35rem;
            border-radius: 0.15rem;
        }
        .title{
            font-size: 0.4rem;
            margin-top: 0.4rem;
        }
        .text{
            margin-top: 0.2rem
        }
        .list{
            margin-top: 1.2rem;
            .space-between{
                height: 0.8rem;
                border-bottom: 0.01rem solid #e9e9e9;
                a{
                    color: #407CF3
                }
            }
        }
    }
}
</style>